html, body{
    height: 100%;
}
body{
    padding-top: 50px;
    margin-left: 200px;
}
ul{
    padding: 0;
    margin:0;
}
/* 头部菜单 */
.navbar {
    border-radius: 0;
    margin-bottom: 0;
    z-index: 999;
}

/* 左侧边栏 */
.left-navbar{
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    width: 200px;
    min-width: 200px;
    padding: 5px 10px;
    background-color: #fff;
}
.left-navbar-ul{
    list-style-type: none;
    padding-bottom: 20px;
}
.left-navbar .nav-header {
    cursor: pointer;
    color: #000000;
    text-shadow: 0 1px 0 #0000004d;
}
.left-navbar .nav-item {
    font-size: 12px;
    color: #000000;
    padding: 3px 0 0 5px;
}
.preview{ position: relative; }
.preview span{
    position: absolute;
    right: 5px;
    cursor: pointer;
    font-weight: bolder;
    color: cornflowerblue;
}
.append-dragging-node{
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 999;
    border: 1px solid #ccc;
    background-color: #fff;
    color: cornflowerblue;
}

.flowitem{
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flowitem-content{
    height: 36px;
    width: 60px;
}
.flowitem-circle{
    height: 48px;
    width: 48px;
    border-radius: 50%;
}
.flowitem-diamond{
    border: none;
    height: 40px;
    width: 66px;
}
.layout-table{
    z-index: 9;
}


/* 流程内容 */
.flow-wrap{
    position: initial;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(58, 65, 68) url(/Public/testflow/images/grid.png) repeat;
}
.flow-target{
    width: 98%;
    height: 98%;
    /* border: 1px solid #ccc; */
    transform: translate(10px, 5px);
    /* 禁止双击画布，出现选中文字的情况 */
    -moz-user-select:none;
    -webkit-user-select: none;       
    -ms-user-select: none;   
}
.flow-target .btn:focus, 
.flow-target .btn:hover {
    color: cornflowerblue;
    text-decoration: none;
}
.flow-shape{
    color: cornflowerblue;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0px 1px 2px #ccc;
}
.flow-circle{
    position: absolute;
    width: 50px;
    height: 50px;
    min-height: 50px;
    border-radius: 50%;
    z-index: 99;
}
.flow-rectange{
    position: absolute;
    width: 100px;
    min-height: 38px;
    border-radius: 0;
    z-index: 99;
}
.flow-diamond{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: cornflowerblue;
    z-index: 99;
}
.flow-diamond span{
    position: absolute; 
    z-index: 9;
}
.jsk-startPoint{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: orange;
    cursor: pointer;
    box-shadow: 0 0 2px orange;
    -webkit-transition: -webkit-box-shadow 0.25s ease-in;
    -moz-transition: -moz-box-shadow 0.25s ease-in;
    transition: box-shadow 0.25s ease-in;
}
.jskcircle{
    right: -5px;
    top: -5px;
}
.jskrectange{
    right: -12px;
    top: -12px;
}
.jskdiamond{
    right: 0;
    top: 0;
}
.jsk-dot circle{
    fill: #61b7cf !important;
}

.ui-resizable-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
    background: url("images/ui-icons_white_256x240.png") -64px -224px;
}
.flow-rectange .ui-resizable-icon{
    right: -10px;
    bottom: -10px;
}
.layout-table .ui-resizable-icon{
    right: -9px;
    bottom: -9px;
}

/* 属性弹出框css */
.cs-property-info{
    display: block;
    padding: 10px 15px;
}
.cs-property-row{
    overflow: hidden;
    margin-bottom: 10px;
}
.cs-property-row label{
    /* white-space: nowrap;
    padding-right: 15px; */
}
.cs-property-row .form-control{
    border-radius: 0;
}


/* 重写layer弹出层样式 */
.layui-layer-title{
    font-weight: 700;
}

